﻿
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="jdy" uri="http://www.qwe.com.cn/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>
<html lang="en">
<head>
	<jsp:include page="common/common.jsp"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>康养旅居宝</title>

</head>
<body>
    <div class="main">
        <div class="banner swiper-container">
     <div class="swiper-wrapper">
                                     <c:forEach  items="${classList}" var="z"   varStatus="s">
                                       		<img class="swiper-slide" src="${z.value2}" alt="">
                                       </c:forEach>
            </div>
              <div class="swiper-pagination"></div>
        </div>
 	<div class="mibtn">
			<img alt="" src="img/avatar.jpg" />
			<div>新人见面礼！体验</div>
			<input type="button" value="免费领取">
			<!-- <li><a href=""><span><i class="iconfont icon-redpacket"></i></span> 新手专区</a></li>
            <li><a href=""><span><i class="iconfont icon-invite"></i></span>邀请好友</a></li>
            <li><a href=""><span><i class="iconfont icon-trip"></i></span>旅居预定</a></li> -->
		</div>
        <div class="order">
           
            <div class="swiper-container">
                
                 	<div class="swiper-wrapper">
                 	  <c:forEach  items="${prList}" var="z"   varStatus="s">
			  				<div class="swiper-slide vipcard"  onclick="opnexiangxi(${z.id})">
			  				<div class="title">
			                    	${z.title}
							<span> </span>
						</div>
						<br />
						<div class="card_card">
							<img src="${z.imgUrl}" alt=""  />
								<ul>
								<li>
									<h6>
										<span>
											<abbr>${z.refund}</abbr>
											天
										</span>
										<br />
										<span>提前周期</span>
									</h6>
								</li>
								<li>
									<h6>
										<span>
											<abbr>
													<c:if test="${z.isfb eq '0'}">
			                             		<fmt:formatNumber type="number" value="${z.reduceprice+z.lv*z.reduceprice/365*360}" pattern="#.0"/> 
			                                </c:if>
			                               			<c:if test="${z.isfb eq '1'}">
			                               		<fmt:formatNumber type="number" value="${z.reduceprice+z.lv*z.reduceprice/365*z.refund}" pattern="#.0"/> 
			                                </c:if>	
											</abbr>
											分左右
										</span>
										<br />
										<span>奖励积分</span>
									</h6>
								</li>
								<li>
									<h6>
										<span>
											<abbr>${z.reduceprice}</abbr>
											元/份
										</span>
										<br />
										<span>产品价格</span>
									</h6>
								</li>
							</ul>
						</div>
						<br />
						<div class="card_detial">
									<p>
								<span>
									已售
									<abbr>${data.sku/data.xl*100}</abbr>
									%
								</span>
								|
								<span>
									<abbr>${z.dsqd}</abbr>
									份起订
								</span>
								|
								<span>		
								<c:if test="${z.isfb eq '0'}">
			                                     随时使用
			                                </c:if>
			                                   <c:if test="${z.isfb eq '1'}">
			                             		到期使用
			                                </c:if>		
			                                </span>
							</p>
						</div>
						<div class="card_button">
							<p>
								马上预定
																<small>(+${z.sylv*100}%)</small>
							</p>
						</div>
					</div>
						     </c:forEach>	
                </div>
               
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
    	<ul class="gudie">
			<li>
				<a href="${path}/news/show-6.html">
					<i class="left iconfont icon-ai-safe"> </i>
					<div class="right">
				 	安全保障
						<br>
						<span>为资金保价护航</span> 
					</div>
				</a>
			</li>
			<li>
				<a href="${path}/news/show-5.html"">
					<i class="left iconfont icon-guide"></i>
					<div class="right">
						新手指引
						<br>
						<span>贴心为您服务</span>
					</div>
				</a>
			</li>
		</ul>
    </div>
		<jsp:include page="common/footer.jsp"/>

</body>
<script src="${path}/js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper-container', {
	pagination : {
		el : '.swiper-pagination',
	},
});
var banner = new Swiper('.banner', {
	pagination : {
		el : '.banner-pagination',
	},
});
function opnexiangxi(id){
	location.href="${path}/productx/show-"+id+".html";
}
</script>
</html>